<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Set Values</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/bootstrap-responsive.css" rel="stylesheet">
     <link href="../css/docs.css" rel="stylesheet">
<link href="../css/google-code-prettify/prettify.css" rel="stylesheet">
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    
    
    
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
	  
	  
	
    </style>
   

    
   
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
        <a class="brand" href="#">DairyVIP Project</a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right">
              Logged in as <a href="#" class="navbar-link">Username</a>
            </p>
            <ul class="nav">
              <li><a href="index.jsp">Home</a></li>
              <li><a href="contro.jsp">Contributors</a></li>
              <li><a href="acknowledgements.jsp">Acknowledgements</a></li>
              <li class="active"><a href="#">My DairyVIP</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    
    
    
   
  <div class="container-fluid">
    
    <!-- Docs nav
    ================================================== -->
   
      
<!--<ul class="nav nav-list bs-docs-sidenav">
          <li><a href="woods"><i class="icon-chevron-right"></i> Wood's curves</a></li>
          <li><a href="#fit"><i class="icon-chevron-right"></i> Fit curves</a></li>
          <li><a href="#florida"><i class="icon-chevron-right"></i> Florida curves</a></li>
          <li><a href="#diphasic"><i class="icon-chevron-right"></i> Diphasic curves</a></li>
           </ul>-->
           
           <div class="row-fluid">
           <div class="pagination">
    <ul>
    <li><a href="#">Misc</a></li>
    <li><a href="#">Price</a></li>
    <li class="active"><a href="#" >Milk</a></li>
    <li><a href="#">Cull</a></li>
    <li><a href="#">Repro</a></li>
    <li><a href="#">BW</a></li>
    </ul>
    </div>    
            <div class="span5" >
            <form id="myForm" > 
            <div class="row-fluid">
            <div class="span5">
            
 
    <table ><tr><td colspan="2"><p>General</p></td></tr>
  <tr><td colspan="2"><p>Units: <select id="units" name="units" class="span5">
  <option value="kg">KG</option>
  <option value="lbs">LBS</option></select></p></tr> 
  
   <tr><td colspan="2"><p>_wb1: <input type="text" readonly id="_wb1" name="_wb1" class="span5" value="0.352018074"/></p></tr> 
   <tr><td colspan="2"><p>_wb2: <input type="text" readonly id="_wb2" name="_wb2" class="span5" value="0.237043452"/></p></tr> 
   <tr><td colspan="2"><p>_wb3: <input type="text" readonly id="_wb3" name="_wb3" class="span5" value="0.237043452"/></p></tr> 
  
 <tr ><td >+/- (abs)</td><td > <input type="text" class="span5" value="0" name="mabs" id="mabs"></td>
   
<tr><td>+/- (%)</td><td>  <div class="input-append">
<input class="span5" id="pct" size="4" type="text" value="0" name="pct"><span class="add-on">%</span>
</div></td></tr>

<tr><td>Seasonality</td><td>  <div class="input-append">
<input class="span5" id="mseasonality" size="4" type="text" value="0" name="mseasonality"><span class="add-on">%</span>
</div></td></tr>
<tr><td>Jan</td><td>  <div class="input-append">
<input class="span5" id="msea1" size="4" type="text" value="100" name="msea1"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Feb</td><td>  <div class="input-append">
<input class="span5" id="msea2" size="4" type="text" value="100" name="msea2"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Mar</td><td>  <div class="input-append">
<input class="span5" id="msea3" size="4" type="text" value="100" name="msea3"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Apr</td><td>  <div class="input-append">
<input class="span5" id="msea4" size="4" type="text" value="100" name="msea4"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>May</td><td>  <div class="input-append">
<input class="span5" id="msea5" size="4" type="text" value="100" name="msea5"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Jun</td><td>  <div class="input-append">
<input class="span5" id="msea6" size="4" type="text" value="100" name="msea6"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Jul</td><td>  <div class="input-append">
<input class="span5" id="msea7" size="4" type="text" value="100" name="msea7"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Aug</td><td>  <div class="input-append">
<input class="span5" id="msea8" size="4" type="text" value="100" name="msea8"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Sep</td><td>  <div class="input-append">
<input class="span5" id="msea9" size="4" type="text" value="100" name="msea9"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Oct</td><td>  <div class="input-append">
<input class="span5" id="msea10" size="4" type="text" value="100" name="msea10"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Nov</td><td>  <div class="input-append">
<input class="span5" id="msea11" size="4" type="text" value="100" name="msea11"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Dec</td><td>  <div class="input-append">
<input class="span5" id="msea12" size="4" type="text" value="100" name="msea12"><span class="add-on">%</span>
</div></td></tr>
<tr>
  <td>Avg</td><td>  <div class="input-append">
<input class="span5" id="mseaavg" size="4" type="text" value="100" name="mseaavg"><span class="add-on">%</span>
</div></td></tr>
</table>

</div>

 <div class="span7">
 
 
 <div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
<!--<section id="woods">-->
          
          <!--<h5> <a href="#" id="example1"  rel="popover" data-content="Wood's incomplete gamma function.
Source:
P.D.P. Wood
Algebraic model of the lactation curve in cattle
Nature 216 (1969): 164-165">--><h5>Wood's curves</h5><!--</a>
-->
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">

<table class="table-condensed" >
   
 <tr ><td >lact 1, a</td><td > <input type="text" class="span5" value="10.00" name="wood1a" id="wooda1" size="8"></td></tr>
  <tr ><td >lact 1, b</td><td > <input type="text" class="span5" value="0.34" name="wood1b" id="woodb1"></td></tr>
   <tr ><td >lact 1, c</td><td > <input type="text" class="span5" value="0.0028" name="wood1c" id="woodc1" size="8"></td></tr>
    <tr ><td >lact 2, a</td><td > <input type="text" class="span5" value="19.30" name="wood2a" id="wooda2"></td></tr>
     <tr ><td >lact 2, b</td><td > <input type="text" class="span5" value="0.255" name="wood2b" id="woodb2"></td></tr>
 
      <tr ><td >lact 2, c</td><td > <input type="text" class="span5" value="0.0034" name="wood2c" id="woodc2"></td></tr>
       <tr ><td >lact 3, a</td><td > <input type="text" class="span5" value="21.00" name="wood3a" id="wooda3"></td></tr>
        <tr ><td >lact 3, b</td><td > <input type="text" class="span5" value="0.25" name="wood3b" id="woodb3"></td></tr>
  <tr ><td >lact 3, c</td><td > <input type="text" class="span5" value="0.0035" name="wood3c" id="woodc3"></td></tr>
 </table>          
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
<h5>Fit curves</h5>
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<table class="table" >
   
 <tr ><td >lact 1, peak</td><td > <input type="text" class="span5" value="36.00" name="_fit1" id="_fit1"></td></tr>
  <tr ><td >lact 1, dim</td><td > <input type="text" class="span5" value="137" name="_fit2" id="_fit2"></td></tr><tr ><td >lact 1, 305m</td><td > <input type="text" class="span5" value="10000" name="_fit3" id="_fit3"></td></tr>
  
  <tr ><td >lact 2, peak</td><td > <input type="text" class="span5" value="45.00" name="_fit4" id="_fit4"></td></tr>
  <tr ><td >lact 2, dim</td><td > <input type="text" class="span5" value="76" name="_fit5" id="_fit5"></td></tr><tr ><td >lact 2, 305m</td><td > <input type="text" class="span5" value="12000" name="_fit6" id="_fit6"></td></tr>
  
  <tr ><td >lact 3+, peak</td><td > <input type="text" class="span5" value="45.00" name="_fit7" id="_fit7"></td></tr>
  <tr ><td >lact 3+, dim</td><td > <input type="text" class="span5" value="76" name="_fit8" id="_fit8"></td></tr><tr ><td >lact 3+, 305m</td><td > <input type="text" class="span5" value="12000" name="_fit9" id="_fit9"></td></tr>
  
  </table>
</div>
</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
<h5>Florida curves</h5>
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
<p>Curves fit on DHIA data for Florida and Georgia</p>
</div></div></div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
<h5>Diphasic curves</h5>
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
<table class="table" >
   
<tr ><td >lact1,phase1,a</td><td > <input type="text" class="span5" value="11111.91438685" name="dp1_1a" id="dp1_1a"></td></tr>
 <tr ><td >lact1,phase1,b</td><td > <input type="text" class="span5" value="0.00221192" name="dp1_1b" id="dp1_1b"></td></tr>
 <tr ><td >lact1,phase1,c</td><td > <input type="text" class="span5" value="84.8372778" name="dp1_1c" id="dp1_1c"></td></tr>
 
 <tr ><td >lact1,phase2,a</td><td > <input type="text" class="span5" value="4532.3905743" name="dp1_2a" id="dp1_2a"></td></tr>
 <tr ><td >lact1,phase2,b</td><td > <input type="text" class="span5" value="0.0026179328" name="dp1_2b" id="dp1_2b"></td></tr>
 <tr ><td >lact1,phase2,c</td><td > <input type="text" class="span5" value="124.1463133" name="dp1_2c" id="dp1_2c"></td></tr>
 
 <tr ><td >lact2,phase1,a</td><td > <input type="text" class="span5" value="7573.87817977895" name="dp2_1a" id="dp2_1a"></td></tr>
 <tr ><td >lact2,phase1,b</td><td > <input type="text" class="span5" value="0.00378914384" name="dp2_1b" id="dp2_1b"></td></tr>
 <tr ><td >lact2,phase1,c</td><td > <input type="text" class="span5" value="55.72231342" name="dp2_1c" id="dp2_1c"></td></tr>
 
  <tr ><td >lact2,phase2,a</td><td > <input type="text" class="span5" value="4609.7805615" name="dp2_2a" id="dp2_2a"></td></tr>
 <tr ><td >lact2,phase2,b</td><td > <input type="text" class="span5" value="0.003171818" name="dp2_2b" id="dp2_2b"></td></tr>
 <tr ><td >lact2,phase2,c</td><td > <input type="text" class="span5" value="92.58595678" name="dp2_2c" id="dp2_2c"></td></tr>
 
 <tr ><td >lact3+,phase1,a</td><td > <input type="text" class="span5" value="7928.527287536" name="dp3_1a" id="dp3_1a"></td></tr>
 <tr ><td >lact3+,phase1,b</td><td > <input type="text" class="span5" value="0.0039198545299" name="dp3_1b" id="dp3_1b"></td></tr>
 <tr ><td >lact3+,phase1,c</td><td > <input type="text" class="span5" value="55.1191723937" name="dp3_1c" id="dp3_1c"></td></tr>
 
  <tr ><td >lact3+,phase2,a</td><td > <input type="text" class="span5" value="4707.01209506" name="dp3_2a" id="dp3_2a"></td></tr>
 <tr ><td >lact3+,phase2,b</td><td > <input type="text" class="span5" value="0.003212791196" name="dp3_2b" id="dp3_2b"></td></tr>
 <tr ><td >lact3+,phase2,c</td><td > <input type="text" class="span5" value="91.68697142118" name="dp3_2c" id="dp3_2c"></td></tr>
 </table>

</div></div></div>


</div>
 
 


<input class="btn" type="button" onclick="displayResults(1); " value="Go" /> <br> <p>Please click this "Go" button. The computing results will be shown in the right table.</p><br>

<input class="btn" type="button" onclick="displayResults(2); " value="Lactation 2" />

<input class="btn" type="button" onclick="displayResults(3); " value="Lactation 3" />
      
</div></div>
  </form>

</div>


          
      <div class="span6" >


        <!-- computing results
        ================================================== -->

        <h5> <a href="#">Lactation 1</a></h5>
       
           <table id="myTable1" class="table table-striped" >
    <thead><tr><th>Month</th><th>Day</th><th>Jan</th>
    <th>Feb</th>
    <th>Mar</th>
    <th>Apr</th>
    <th>May</th>
    <th>Jun</th>
    <th>Jul</th>
    <th>Aug</th>
    <th>Sep</th>
    <th>Oct</th>
    <th>Nov</th>
    <th>Dec</th></tr></thead>
<tbody></tbody>
    </table>   
    
    <h5> <a href="#">Lactation 2</a></h5>
    
    <table id="myTable2" class="table table-striped" >
      <thead>
        <tr>
          <th>Month</th>
          <th>Day</th>
          <th>Jan</th>
          <th>Feb</th>
          <th>Mar</th>
          <th>Apr</th>
          <th>May</th>
          <th>Jun</th>
          <th>Jul</th>
          <th>Aug</th>
          <th>Sep</th>
          <th>Oct</th>
          <th>Nov</th>
          <th>Dec</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
    <h5> <a href="#">Lactation 3</a></h5>
    <table id="myTable3" class="table table-striped" >
      <thead><tr><th>Month</th><th>Day</th><th>Jan</th>
    <th>Feb</th>
    <th>Mar</th>
    <th>Apr</th>
    <th>May</th>
    <th>Jun</th>
    <th>Jul</th>
    <th>Aug</th>
    <th>Sep</th>
    <th>Oct</th>
    <th>Nov</th>
    <th>Dec</th></tr></thead>
<tbody></tbody>
  </table>   
    
      
           
             </div>
</div>  
 
</div>
  
    
      <footer class="footer">
       <%@ include file="../inc/footer.html" %>
      </footer>

    </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
 
  <script type="text/javascript" src="js/jquery.js"></script>
  <script src="js/bootstrap.js"></script>
 <%@ include file="floridacurvedata.html" %>  
<script>  
$(function ()  
{ $("#example1").popover({trigger: 'hover'});  
  $("#example2").popover({trigger: 'hover',placement:'right'});  
  $("#example3").popover({trigger: 'hover'});  
  $("#example4").popover({trigger: 'hover',placement:'right'}); 
});   
</script>
<script src="js/computing.js"></script>
 
  </body>
</html>
